
<div class="container">

    <!--<div class="container con_wrap">
        <div class="row ">
            <div class="breadcrumb_wrap">
                <ul class="breadcrumb">
                    <li> <a href="index.html">首页</a> <span class="divider">></span> </li>
                    <li class="active">商品详情</li>
                </ul>
            </div>
            <div class="course_select">
                <form class="form-horizontal" role="form">
                    <div id="myCarouse2" class="carousel slide"  ng-if="imgUrlList.length>0">
                        &lt;!&ndash; 轮播（Carousel）指标 &ndash;&gt;
                        <ol class="carousel-indicators">
                            <li data-target="#myCarouse2" data-slide-to="{{$index}}" ng-class="{'active':$index==0}"  ng-repeat="item in imgUrlList"></li>
                        </ol>
                        &lt;!&ndash; 轮播（Carousel）项目 &ndash;&gt;
                        <div class="carousel-inner" >
                            <div class="item " ng-class="{'active':$index==0}" ng-repeat="item in imgUrlList"> <a href="/jewellery/common/image?url={{item.picUrl}}" target="_blank"><img ng-src="/dapi/download/getImageIO?imgUrl={{item.picUrl}}" /> </a></div>
                        </div>
                        &lt;!&ndash; 轮播（Carousel）导航 &ndash;&gt;
                        <a class="left carousel-control" href="#myCarouse2" role="button" data-slide="prev">
                            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="right carousel-control" href="#myCarouse2" role="button" data-slide="next">
                            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                    <div ng-if="!(imgUrlList.length>0)">
                        <img  ng-src="/app/images/goodsDefault.gif">
                    </div>
                </form>
            </div>
            <div class="tz-gallery">
                <div class="course">
                    <form class="form-horizontal" role="form">
                        <div class="form-group col-md-4">
                            <label class="control-label">产品名：</label>
                            <p>{{goods.title}}</p>
                        </div>
                        <div class="form-group col-md-4">
                            <label class="control-label">产品样式：</label>
                            <p>{{goods.gstyleName}}</p>
                        </div>
                        <div class="form-group col-md-4">
                            <label class="control-label">产品材质：</label>
                            <p>{{goods.typeName}}</p>
                        </div>
                        <div class="form-group col-md-4">
                            <label class="control-label">产品品型：</label>
                            <p>{{goods.pxName}}</p>
                        </div>
                        <div class="form-group col-md-4">
                            <label class="control-label">单价：</label>
                            <p>{{goods.price}}元/g</p>
                        </div>
                        <div class="form-group col-md-4">
                            <label class="control-label">数量：</label>
                            <p>{{goods.number}}</p>
                        </div>
                        <div class="form-group col-md-4">
                            <label class="control-label">编号：</label>
                            <p>{{goods.identifier}}</p>
                        </div>
                    </form>
                </div>

            </div>
            <div class="course_select">
                <form class="form-horizontal" role="form">
                    <div class="mui-media-body price">
                        ¥{{(goods.price)*(goodsWeight.minWeight+goodsWeight.maxWeight)/2*goodsNum}} +¥{{goodsWeight.jgf*(goodsWeight.minWeight+goodsWeight.maxWeight)/2*goodsNum}}
                        <p>已选{{goodsNum}}件</p>
                    </div>
                    <div class="form-group">
                        <label  class="col-sm-1 control-label">产品规格</label>
                        <div class="col-sm-10 opt">
                            <div class=" radio-inline" ng-repeat="item in goodsWeightList">
                                <input type="radio" name="assd"  id="{{item.id}}" ng-click="selectWeight(item)" value="{{item.id}}" >
                                <label for="{{item.id}}" >{{item.minWeight}}-{{item.maxWeight}}g 加工费：¥{{item.jgf}}元/克</label>
                            </div>
                        </div>
                    </div>
                    <div>
                        <input type="text" placeholder="请备注..." ng-model="content"/>
                    </div>
                    <div class="mui-content-padded mum_box_wrap">
                        数量
                        <div class="mui-numbox">
                            <input class="mui-input-numbox" type="number"  min="1" ng-model="goodsNum">
                        </div>
                    </div>
                    <div class="spe_btn">
                        <button type="button" class="mui-btn mui-btn-warning  mui-pull-left mui-col-xs-12" ng-click="shoppingCart()">加入购物车</button>
                    </div>
                </form>
            </div>
        </div>
    </div>-->


    <div class="bread">
        <span>您当前的位置：</span>
        <a href="">首页</a> >
        <a href="">商品详情</a>
    </div>
    <div class="product">
        <div class="product-summary clearfix">
            <div class="img" ng-if="goods.iconUrl!=''&&goods.iconUrl!=undefined"><a href="/jewellery/common/image?url={{goods.iconUrl}}" target="_blank"><img ng-src="/dapi/download/getImageIO?imgUrl={{goods.iconUrl}}" alt="" width="500" height="462"></a></div>
            <div class="img" ng-if="!(goods.iconUrl!=''&&goods.iconUrl!=undefined)"><img ng-src="/app/images/goodsDefault.gif" alt=""  width="500" height="462"></div>
            <div class="text" style="float: right">
                <div class="h1">{{goods.title}}</div>
                <div class="row clearfix">
                    <span class="span1">价格：</span>
                    <span class="span2">¥ {{goods.price}}</span>
                </div>
                <div class="row clearfix">
                    <span class="span1">规格：</span>
                    <div class="guige">
                        <span ng-class="{'on':goodsWeight.id==item.id}" ng-click="selectWeight(item)" ng-repeat="item in goodsWeightList">{{item.minWeight}}-{{item.maxWeight}}g 加工费：¥{{item.jgf}}元/克</span>
                    </div>
                </div>
                <div class="row clearfix">
                    <span class="span1">数量：</span>
                    <div class="numcalc">
                        <input class="mui-input-numbox" type="number"  min="1" ng-model="goodsNum" style="width: 100px">
                    </div>
                </div>
                <div class="row clearfix" style="border:none;">
                    <span class="span1">备注：</span>
                    <div class="textarea">
                        <textarea ng-model="content"></textarea>
                    </div>
                </div>
                <div class="total clearfix">
                    <span> ¥{{(goods.price)*(goodsWeight.minWeight+goodsWeight.maxWeight)/2*goodsNum}} +¥{{goodsWeight.jgf*(goodsWeight.minWeight+goodsWeight.maxWeight)/2*goodsNum}}</span>
                    <span>已选{{goodsNum}}件</span>
                    <a href="#" class="cart" ng-click="shoppingCart()">加入购物车</a>
                </div>
            </div>
        </div>
        <!--product-summary end-->
        <div class="product-details">
            <div class="hd">
                <ul>
                    <li  ng-class="{'on':pingJiaXiangQing=='xq'}"><a href="#"  ng-click="pingJiaXiangQingClick('xq')">产品详情</a></li>
                    <li  ng-class="{'on':pingJiaXiangQing=='pj'}"><a href="#" ng-click="pingJiaXiangQingClick('pj')">累计评价</a></li>
                </ul>
            </div>
            <div class="bd" ng-show="pingJiaXiangQing=='xq'">
                <div class="details">
                    <div class="text">
                        <p class="clearfix"><span>产品名称：{{goods.title}}</span></p>
                        <p class="clearfix">
                            <span>产品样式：{{goods.gstyleName}}</span>
                            <span>产品材质：{{goods.typeName}}  </span>
                            <span>产品品型：{{goods.pxName}}</span>
                        </p>
                        <p class="clearfix">
                            <span>单       价： {{goods.price}}元/g </span>
                            <span>编       号：{{goods.identifier}}</span>
                        </p>
                    </div>
                    <div class="img" ng-repeat="item in imgUrlList" >
                        <a href="/jewellery/common/image?url={{item.picUrl}}" target="_blank">
                            <img ng-src="/dapi/download/getImageIO?imgUrl={{item.picUrl}}" style="max-width:1000px;max-height: 600px; ">
                        </a>
                    </div>
                </div>
            </div>
            <div class="bd"  ng-show="pingJiaXiangQing=='pj'">
                <div class="assess">
                    <div class="item clearfix" ng-repeat="eva in evaluateList">
                        <div class="name">{{eva.publishUserName}}：</div>
                        <dl>
                            <dt>{{eva.content}}</dt>
                            <dd>{{eva.publishTime}}</dd>
                        </dl>
                    </div>
                    <div class="page_wrap">
                        <div class="text-center scott" ng-show="totalItems>0">
                            <uib-pagination  total-items="totalItems" ng-model="currentPage" boundary-links="true" max-size="5"   ng-change="pageChanged()" items-per-page="itemsPerPage" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></uib-pagination>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>